.backgroundcard(@name, @type){
  .icon-@{name}{
    background-image: url('../images/icon/@{name}.@{type}');
  }
}
@pngList:address,calender,close,edit,heart,introduce,map,money,msg,
order-flower,order-money,order-ok,order-time,safe,set,tel,user,wxchat,
chxf,chxf-1,cr,cr-1,kr,kr-1,myh,myh-1,myz,myz-1,yezs,yezs-1,fail,success,empty,logo;

.icon {
  display: inline-block;
  width: 12upx;
  height: 12upx;
  margin-right: 5upx;
  vertical-align: middle;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.loop(@j) when (@j < length(@pngList)+1){
  .backgroundcard(extract(@pngList, @j), 'png');
  .loop(@j+1);
}
.loop(1);